div {
    display: block;
}

.uk-button:not(:disabled) {
    cursor: pointer;
}
.uk-button {
    -webkit-appearance: none;
    margin: 0;
    margin-top: 15px;
    border: none;
    overflow: visible;
    font: inherit;
    color: #444444;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f5f5f5;
    vertical-align: middle;
    line-height: 28px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    text-shadow: 0 1px 0 #ffffff;
}

.uk-button-primary, .uk-button-success, .uk-button-danger {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.uk-button-primary {
    background-color: #00a8e6;
    color: #ffffff;
}
.uk-button:hover,
.uk-button:focus {
  background-color: #fafafa;
  color: #444444;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  border-color: rgba(0, 0, 0, 0.16);
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
  background-color: #eeeeee;
  color: #444444;
}

.uk-button-primary {
    background-color: #00a8e6;
    color: #ffffff;
  }
  /* Hover */
  .uk-button-primary:hover,
  .uk-button-primary:focus {
    background-color: #35b3ee;
    color: #ffffff;
  }
  /* Active */
  .uk-button-primary:active,
  .uk-button-primary.uk-active {
    background-color: #0091ca;
    color: #ffffff;
  }

.x-code {
    font-family: Consolas, monospace, serif;
    word-break: break-all;
}
/* ========================================================================
   Component: Alert
 ========================================================================== */
.uk-alert {
  margin-bottom: 15px;
  padding: 10px;
  background: #ebf7fd;
  color: #2d7091;
  border: 1px solid rgba(45, 112, 145, 0.3);
  border-radius: 4px;
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Add margin if adjacent element
 */
* + .uk-alert {
  margin-top: 15px;
}
/*
 * Remove margin from the last-child
 */
.uk-alert > :last-child {
  margin-bottom: 0;
}
/*
 * Keep color for headings if the default heading color is changed
 */
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
  color: inherit;
}
/* Close in alert
 ========================================================================== */
.uk-alert > .uk-close:first-child {
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-alert > .uk-close:first-child + * {
  margin-top: 0;
}
/* Modifier: `uk-alert-success`
 ========================================================================== */
.uk-alert-success {
  background: #f2fae3;
  color: #659f13;
  border-color: rgba(101, 159, 19, 0.3);
}
/* Modifier: `uk-alert-warning`
 ========================================================================== */
.uk-alert-warning {
  background: #fffceb;
  color: #e28327;
  border-color: rgba(226, 131, 39, 0.3);
}
/* Modifier: `uk-alert-danger`
 ========================================================================== */
.uk-alert-danger {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
}
/* Modifier: `uk-alert-large`
 ========================================================================== */
.uk-alert-large {
  padding: 20px;
}
.uk-alert-large > .uk-close:first-child {
  margin: -10px -10px 0 0;
}